<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">  
<link type="text/css" rel="stylesheet" href="{TPL}css/NewTopFoot.css"  />
<link type="text/css" id="styleName" rel="stylesheet" href="{TPL}css/blue/color.css"/ >    
<link type="text/css"  rel="stylesheet" href="{TPL}css/rmb.css"/>
<script src="{TPL}js/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="{TPL}js/wdggcGobal.js"></script>


<link href="{TPL}newedit/css/public.css" rel="stylesheet" type="text/css" />
<link href="{TPL}newedit/css/member.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="{TPL}newedit/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" language="javascript">
	$(document).ready(function(){
	
		function bank_select(item){
			item.addClass("dd_hover");
            item.siblings(".dd_hover").removeClass("dd_hover");
		}
		
		$(".pay dd input").click(function(){
			bank_select($(this).parent());
		});
		$(".pay dd img").click(function(){
			var btn = $(this).siblings("input");
			if(btn.length > 0){
				btn.click();
			}
		});
		
		
		
		
		function pay_money_select(item){
			var txt = item.find(".pay_dian");
			txt.addClass("dian_hover");
			item.siblings().each(function(){
                $(this).find(".dian_hover").removeClass("dian_hover");
            });
			$(".pay_total").show();
			
			
			var rm = item.attr('myr');
			
			rm = parseInt(rm);
			if(isNaN(rm)){
				rm = item.find('#id_cus_amount').val();
			
				rm = parseInt(rm);
				if(isNaN(rm)){
					return;
				}
			}
			
			var hl = $("#hl_myr_to_cny").text();
			hl = parseFloat(hl);
			if(isNaN(hl)){
				return;
			}
			
			var cny = rm * hl;
			
			cny = Math.round(cny*100)/100;
			$("#target_cny").text("" + cny);
			$("#selectamt").text("RM" + rm);
			$("#topupamtcny").val(cny);
			$("#topupamtrm").val(rm);
		}
		
		$("#id_cus_amount").blur(function(){
			var rm = $(this).val();
			
			rm = parseInt(rm);
			if(isNaN(rm)){
				return;
			}
			
			var hl = $("#hl_myr_to_cny").text();
			hl = parseFloat(hl);
			if(isNaN(hl)){
				return;
			}
			
			var cny = rm * hl;
			
			cny = Math.round(cny*100)/100;
			$("#target_cny").text("" + cny);
			$("#selectamt").text("RM" + rm);
			$("#topupamtcny").val(cny);
			$("#topupamtrm").val(rm);
		});
		
		$(".pay_money > dd > input").click(function(){
			var dd = $(this).parent();
			pay_money_select(dd);
		});
		$(".pay_dian").click(function(){
			var btn = $(this).siblings(".dd_pice");
			if(btn.length > 0){
				btn.click();
			}
		});
		
		
        
	});
</script>
<script language="javascript" type="text/javascript">   
    $(document).ready(function(){		

        $(".comingsoon").click(function(){
            alert ("{lang g_waiting}");
			$("#offline").attr('checked', 'checked');
        });
		
		$("#offline").click(function(){
			$("#offlinediv").css('display', 'block');
        });		
		
		$("#maybank").click(function(){
			$("#maybankshow").css('display', 'block');
			$("#pbbshow").css('display', 'none');
			$("#cimbshow").css('display', 'none');
        });		
		
		$("#pbb").click(function(){
			$("#maybankshow").css('display', 'none');
			$("#pbbshow").css('display', 'block');
			$("#cimbshow").css('display', 'none');
        });		
		
		$("#cimb").click(function(){
			$("#maybankshow").css('display', 'none');
			$("#pbbshow").css('display', 'none');
			$("#cimbshow").css('display', 'block');
        });
	});
	
	
	
</script>
<title>{lang m_my_cart}-{lang m_recharge_page}</title>
</head>

<body>

{template 'header'}

 <div class="admin">
        <div class="ding">
            <div class="shouye">
                <a href="{url_m.php}" title=""></a>
            </div>
            <div class="lb">
                <div class="weizhi">
                      <b>{lang m_location}：</b><a href="{url_m.php}">{lang u_member_center}</a><span>&gt;</span><a href="{url_m.php?name=rmbaccount}">{lang m_my_rmb}</a><span>&gt;</span>RMB{lang m_account_recharge}
                  </div>
                
               
            </div>
        </div>
		
{template 'member_left'}
        
    <div class="right pay" style="width:740px">
	
        <form action="new_cz.php?action=add" id="memberchongform" method="post" enctype="multipart/form-data">
        <dl class="pay_say" style="display:none;">
           <dt>RMB{lang m_account_recharge}</dt>
           <dd>1.{lang m_recharge_instr1}</dd>
           <dd>2.{lang m_recharge_instr2}</dd>
           <div class="p_s_bj"></div>
       </dl>
       <dl class="pay_mode m_t_20">
		   <dd class="dd_hover"><input disabled type="radio" id="online" class="comingsoon" name="pay_bank1"><img src="{TPL}newedit/images/pay/r8.jpg"  style="display: inline;"></dd>
           <div style="clear:both"></div>
		   <div id="onlinediv" style="display:none">
           <dd><input type="radio" class="comingsoon" name="pay_bank1"><img src="{TPL}newedit/images/pay/r1.jpg"  style="display: inline;"></dd>
           <dd><input type="radio" class="comingsoon" name="pay_bank1"><img src="{TPL}newedit/images/pay/r2.jpg"  style="display: inline;"></dd>
           <dd><input type="radio" class="comingsoon" name="pay_bank1"><img src="{TPL}newedit/images/pay/r3.jpg"  style="display: inline;"></dd>
           
           <dd><input type="radio" class="comingsoon" name="pay_bank1"><img src="{TPL}newedit/images/pay/r4.jpg"  style="display: inline;"></dd>
           <dd><input type="radio" class="comingsoon" name="pay_bank1"><img src="{TPL}newedit/images/pay/r5.jpg"  style="display: inline;"></dd>
           <dd><input type="radio" class="comingsoon" name="pay_bank1"><img src="{TPL}newedit/images/pay/r7.jpg"  style="display: inline;"></dd>
           </div>
		   <div class="clear"></div>
		   
       </dl>
	   <dl class="pay_mode m_t_20">
           <dd class="dd_hover"><input type="radio" id="offline" name="pay_bank1"><img src="{TPL}newedit/images/pay/r6.jpg"  style="display: inline;"></dd>
		   <div style="clear:both"></div>
		    <div id="offlinediv" style="display:none">
           <dd><input id="pbb" type="radio" name="pay_bank2"><img src="{TPL}newedit/images/pay/r9.jpg" width="152px" height="42px" style="display: inline;"></dd>
           <dd><input id="maybank" type="radio" name="pay_bank2"><img src="{TPL}newedit/images/pay/r2.jpg"  style="display: inline;"></dd>
           <dd><input id="cimb" type="radio" name="pay_bank2"><img src="{TPL}newedit/images/pay/r3.jpg"  style="display: inline;"></dd>
           </div>
		   <div id="maybankshow"  style="display:none">
           <dd style="border:1px solid #dadada;padding:10px;margin-left:23px"><b>MayBank<div>5513 0651 9363</div> <div>SEVEN SEVEN ALIPAY</div></b></dd>
		   </div>
		   <div id="pbbshow"  style="display:none">
		   <dd style="border:1px solid #dadada;padding:10px;margin-left:23px"><b>Public Bank<div>318 907 8014</div> <div>SEVEN SEVEN ALIPAY</div></b></dd>
		   </div>
		   <div id="cimbshow"  style="display:none">
		   <dd style="border:1px solid #dadada;padding:10px;margin-left:23px"><b>CIMB Bank<div>860 203 2914</div> <div>SEVEN SEVEN ALIPAY</div></b></dd>
		   </div>
           
           <div class="clear"></div>
       </dl>
       <div class="tishi">
       {lang m_tips}:{lang m_recharge_step_instr}
       </div>
       <dl class="pay_money m_t_20">
           <dt>{lang m_choose_account}</dt>
           <dd class="dd_hover" myr="20"><input type="radio" class="dd_pice" name="pay_bank2"><span class="pay_dian">RM20.00</span></dd>
           <dd class="dd_hover" myr="50"><input type="radio" class="dd_pice" name="pay_bank2"><span class="pay_dian">RM50.00</span></dd>
           <dd class="dd_hover" myr="100"><input type="radio" class="dd_pice" name="pay_bank2"><span class="pay_dian">RM100.00</span></dd>
           <dd class="dd_hover" myr="300"><input type="radio" class="dd_pice" name="pay_bank2"><span class="pay_dian">RM300.00</span></dd>
           <dd class="dd_hover" myr="500"><input type="radio" class="dd_pice" name="pay_bank2"><span class="pay_dian">RM500.00</span></dd>
           <dd class="dd_hover" myr="1000"><input type="radio" class="dd_pice" name="pay_bank2"><span class="pay_dian">RM1000.00</span></dd>           
           <dd class="dd_hover"><input type="radio" class="dd_pice" name="pay_bank2"> <input type="text" id="id_cus_amount" value="other  amount" onfocus="if(this.value=='other  amount'){this.value=''};this.style.color='#333';"  class="pay_dian pay_qita"></dd>
           <div class="clear"></div>
       </dl>
       <div class="pay_total m_t_20" style="display:none;">
			<p>{lang m_zh_ms_exchange}<span id="hl_myr_to_cny">{$cfg_site_huilv}</span></p>
			<p><span id="selectamt">RM20.00</span>{lang m_ms_to_zh_eq}<strong id="target_cny">0</strong>{lang s_price_ext}</p>
			<input type="hidden" id="topupamtrm" name="topupamtrm" value="0" />
			<input type="hidden" id="topupamtcny" name="topupamtcny" value="0" />
       </div>
       <div class="mode_qita_box m_t_20">
       		<dl>
            	<dt>{lang m_upload_bank_bill}</dt><dd><input style="height:30px" id="file" name="file" type="file" class="qt_but" /></dd>
            </dl>
            <dl>
            	<dt>{lang u_msg}</dt><dd><textarea name="remark" class="qt_txt"></textarea></dd>
               
            </dl>
       </div>
        
       <div class="p_but_layout m_t_20" align="center">
       		<input type="button" class="pay_but" id= "czpay_but" value="{lang u_confirm}" />
       </div>
	   
    <input type="hidden" id="exchange" name="exchange" value="{$cfg_site_huilv}">
           
		   </form>
	   
	   
    </div>
    <div class="clear"></div>

<script language="javascript" type="text/javascript">   
    $(document).ready(function(){		
		   $("#czpay_but").click(function() {
			if($("#topupamtcny").val() <= 0){alert("{lang m_choose_account}");$("#target_cny").focus();return false;}
			if($("#file").val()==""){alert("{lang m_upload_bank_bill}");$("#file").focus();return false;}
			
			
			$('#memberchongform').submit();
			});
	});
	
	
	
</script>     
	<div class="yj">
      </div>
    </div>
{template 'footer'}
    
</body>
</html>
